<script lang="ts" setup>
defineProps({
    disabled: {
        type: Boolean,
        default: false
    }
})
</script>

<template>
    <i :aria-disabled="disabled">
        <svg  xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 1024 1024">
            <path fill="currentColor" d="M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64"/>
            <path fill="currentColor" d="m237.248 512 265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312z"/>
        </svg>
    </i>
</template>

<style scoped>
i[aria-disabled="true"] {
    color: gray;
    pointer-events: none;
}
</style>